<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<link href="images/favicon.ico" rel="shortcut icon">
	<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/text.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/default.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/detail.css" />
	<title>sikl.us! detail</title>
</head>
<body>
<div class="container_12">
	<div id="header" class="grid_12">
		<div id="logo">
			<img src="images/headertext.png" alt="logo">
		</div>
		<div id="nav">
			<ul>
				<li>
					<a class="active" href="#">Home</a>
				</li>
				<li>
					<a href="#">Register</a>
				</li>
				<li>
					<a href="#">Search</a>
				</li>
				<li>
					<a href="#">Login</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
	<div id="judul" class="grid_12">
		<h1>3 Minggu Terombang-ambing di Laut: Makan Ikan Mentah dan Minum Air Hujan</h1>
	</div>
	<div class="grid_7">
		<div id="screenshot">
			<img src="images/thumb1.png"/>
		</div>
		<div id="tombol">
			<ul id="leftbutton">
				<li> <a href="#">siklus</a> </li>
				<li> <a href="#">share</a> </li>
				<li> <a href="#">Report</a> </li>
			</ul>
			<ul id="rightbutton">
				<li> <a href="#">Like</a> </li>
				<li> <a href="#">Hate</a> </li>
			</ul>
		</div>
		<div class="info-user">
			<img src="images/user.png" alt="user"/>
			<div class="info">
				<h3><a href="#">Yusuf Umar</a></h3>
				<span>23 Oktober 2011</span>
			</div>
		</div>        
		<div class="description">
			<p>Setelah tiga minggu terombang-ambing di lautan lepas, dua nelayan asal Pulau Salibabu, Kepulauan Sangihe Talaud, Sulawesi Utara diselamatkan sebuah kapal yang melintas.</p>
		</div>
		<div id="comment">
			<h3> 3 Comments </h3>
			<form id="komentar" action="#" method="post">
				<textarea></textarea>
				share to : <input type="checkbox" name="sosnet" value="facebook"> Facebook
				<input type="checkbox" name="sosnet" value="twitter"> Twitter
				<input type="submit" value="Comment"/>
			</form>
		</div>
		<ul>
			<li class="listcomment">
				<div class="photo">
					<a href="#"><img class="empatpuluh" src="images/thumb1.png" alt="thumb"/></a>
				</div>
				<div class="isikomen">
					<p>syukurlah masih ada orang yg punya hati nurani tuk memberikan pertilongan ma mereka yg dapat musibah....</p>
				</div>
			</li>
			<li class="listcomment">
				<div class="photo">
					<a href="#"><img class="empatpuluh" src="images/thumb1.png" alt="thumb"/></a>
				</div>
				<div class="isikomen">
					<p>syukurlah masih ada orang yg punya hati nurani tuk memberikan pertilongan ma mereka yg dapat musibah....</p>
				</div>
			</li>
			<li class="listcomment">
				<div class="photo">
					<a href="#"><img class="empatpuluh" src="images/thumb1.png" alt="thumb"/></a>
				</div>
				<div class="isikomen">
					<p>syukurlah masih ada orang yg punya hati nurani tuk memberikan pertilongan ma mereka yg dapat musibah....</p>
				</div>
			</li>
		</ul>
	</div>
	<div class="grid_5">
		<ul id="stat">
			<li> 20 Likes </li>
			<li> 20 Hates </li>
			<li> 1220 Views </li>
			<li> 24 Bookmarks </li>
			<li> <a href="#">http://google.com</a> </li>
			<li>
				<ul id="tags">
					<li> <a class="tags black" href="#"> tags </a> </li>
					<li> <a class="tags black" href="#"> dua </a> </li>
					<li> <a class="tags black" href="#"> tiga </a> </li>
				</ul>
			</li>
		</ul>
		<h2 class="related"> Related Link</h2>
		<ul>
			<li class="rellink">
				<a href="#"><img class="tujuhpuluh" src="images/thumb1.png" alt="thumb"/></a>
				<div class="detail">
					<h3><a href="#">Why Dependability is the Most Important Quality </a></h3>
					<a href="#">Nurina</a> on 21 Juli 2011
				</div>
			</li>
			<li class="rellink">
				<a href="#"><img class="tujuhpuluh" src="images/thumb1.png" alt="thumb"/></a>
				<div class="detail">
					<h3><a href="#">Why Dependability is the Most Important Quality </a></h3>
					<a href="#">Nurina</a> on 21 Juli 2011
				</div>
			</li>
			<li class="rellink">
				<a href="#"><img class="tujuhpuluh" src="images/thumb1.png" alt="thumb"/></a>
				<div class="detail">
					<h3><a href="#">Why Dependability is the Most Important Quality </a></h3>
					<a href="#">Nurina</a> on 21 Juli 2011
				</div>
			</li>
		</ul>
	</div>
	<div id="footer" class="grid_12">
		<ul>
			<li>
			<a href="#">Copyright©2011 Siklus </a>
			</li>
			<li>
			<a href="#">About Us </a>
			</li>
			<li>
			<a href="#">Contact </a>
			</li>
			<li>
			<a href="#">Report Abuse </a>
			</li>
			<li>
			<a href="#">Term & Privacy</a>
			</li>
		</ul>
	</div>
</body>        
